<template>
  <div class=''>
    <basepannel
        comname="rollerpannel"
        comtitle="临时图层"
        :w="315"
        :h="630"
        :x="panelX"
        :y="panelY"
    >
      <rollercom ref="rollercom" :itemoptions.sync="options"/>
    </basepannel>
  </div>
</template>
<script >
import basepannel from '../basepannel/index.vue';
import rollercom from './rollercom.vue'

export default {
  props: ['options'],
  name: '',
  components: {
    basepannel,
    rollercom,
  },
  data() {
    return {
    };
  },
  computed: {
    panelX() {
      // return document.body.clientWidth - 400
      return 50

      return 100

    },
    panelY() {
      // return document.body.clientHeight - 80
      return 200

    }
  },
  watch: {

  },
  mounted() {

  },
  methods: {
    closewindow(){
      this.$refs.rollercom.closewindow()
    }
  },
}
</script>
<style lang='scss' scoped>

</style>
